<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>#(task.task_title??'')</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1, minimum-scale=1,maximum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link
	href="#(contextPath)/assets/front/web/script/mobile_h5/css/index.css"
	rel="stylesheet">
	<link href="#(contextPath)/assets/front/web/css/layer.css" rel="stylesheet">
		<style>
			.avatar{
				height:50px;
				width:50px;
				border-radius: 100%;
				background: url("/assets/front/web/resources/head1.png") center/cover no-repeat; 
				margin:0 auto;
			}
			.avatarWrapper{
				text-align:center;
			}
			
		</style>
</head>
<body>
	<div class="avatarWrapper">
		<div>
			<div class="avatar" style='background: url("http://www.zhaihehe.com/statics/uploads/guild/20170424/42078989015772.jpg") center/cover no-repeat;'></div>
		</div>
		<div>xxxx</div>
	</div>
	
	


	<div style="height:200px;width:200px;background-color:red;margin-top:200px;" id="test">
		button
	</div>
	<div  class="plMainCon">
	</div>
	<script type="text/javascript"
		src="#(contextPath)/assets/front/web/script/mobile_h5/js/jquery.min.js"></script>
		<script src="#(contextPath)/assets/front/web/script/layer.js"></script>
	<script type="text/javascript" src="http://pv.sohu.com/cityjson"></script>  
	<script type="text/javascript">  
	$("#test").click(function(){
		   $(".plMainCon").append("<div class='testclass' style='margin:10px;line-height:20px;'>点击我动态绑定</div>")
	});
	
	$(".plMainCon").on("click",".testclass", function() {
	     alert("test");
	 });
	</script>
</body>
</html>